﻿<%@ Page Title="" Language="C#" MasterPageFile="MasterPage.master" AutoEventWireup="true"
    CodeFile="Registration.aspx.cs" Inherits="_Registration" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>Amazing Racer - Registration</title>
    <script type="text/javascript">
        $().ready(function () {
            $(".calendar_container").hide();

            $("#Main_dob").focusin(function () {
                $(".calendar_container").show();
            });

            $("#Main_dob").focusout(function () {
                $(".calendar_container : focus").selected()
                $(".calendar_container").hide();
            });
        });
    </script>

    <style type="text/css">
        .calendar_container 
        {
            position: absolute;
            top: 552px;
            left: 600px;
            width: 176px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Main" runat="Server">
    <div id="content">
        <div class="one">
            <div class="one-fourth">
                <ul class="simple-nav">
                    <li><a class="current">Registration</a></li>
                </ul>
                <p>Please enter your username and email address to register.</p>
            </div>
            <div class="inner-content last">
                <div class="two-thirds">
                    <form method="post" runat="server" id="registration_form">
                    <input type="hidden" name="form_name" value="registration_form" />
                    <fieldset>
                        <label>
                            Username: <span class="required">*</span></label>
                        <asp:TextBox ID="Username" runat="server" class="text requiredField"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="Validate_Username" runat="server" ErrorMessage="*Please enter your username"
                            class="error" ControlToValidate="Username"></asp:RequiredFieldValidator>
                    </fieldset>
                    <fieldset>
                        <label>
                            Email: <span class="required">*</span></label>
                        <asp:TextBox ID="Email" runat="server" class="text requiredField"></asp:TextBox>
                        <asp:RegularExpressionValidator ID="Validate_Email_Format" runat="server" ErrorMessage="*Please enter a valid email address"
                            ControlToValidate="Email" class="error" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                    </fieldset>
                    <fieldset>
                        <label>
                            Password: <span class="required">*</span></label>
                        <asp:TextBox type="password" ID="Password" runat="server" class="text requiredField"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="Validate_Password" runat="server" ErrorMessage="*Please enter a password"
                            class="error" ControlToValidate="Password"></asp:RequiredFieldValidator>
                    </fieldset>
                    <fieldset>
                        <label>
                            Confirm Password: <span class="required">*</span></label>
                        <asp:TextBox type="password" ID="Password_bis" runat="server" class="text requiredField"></asp:TextBox>
                        <br />
                        <asp:CompareValidator ID="Compare_Password" runat="server" ErrorMessage="*This should match the field above"
                            class="error" ControlToCompare="Password" ControlToValidate="Password_bis"></asp:CompareValidator>
                    </fieldset>
                    <fieldset>
                        <asp:Button ID="Submit_Button" runat="server" Text="Register" class="button big blue"
                            OnClick="Register_Click" />
                        <br />
                        <asp:TextBox ID="Result" runat="server" class="text requiredField" ReadOnly="True"
                            TextMode="SingleLine" BorderColor="White" Font-Bold="False" Width="600px"></asp:TextBox>
                    </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
